﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>320寝室</title>
		
		<link rel="stylesheet" href="css/index.css" />
		<script type="text/javascript" src="js/index.js" ></script>
		<script type="text/javascript" src="js/dianji.js" ></script>
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
	</head>
	<body>
		<div class="wainav">
			<!--背景图块-->
			<ul class="nav" id="nav">
				
				<li class="one" style="background: url(	img/b11.jpg) no-repeat"; onclick="b()">
					<a href="javascript::">
					<div class="onezi">
						<img src="img/icon_zoom.png" class="img1"/>
						<p class="p1">樊磊</p>
						</div>
					<div class="onebei">
					</div>
					</a>
				</li>
				
		        <li class="one" style="background: url(	img/b7.jpg) no-repeat"; onclick="p()">
					<a href="javascript::">
					<div class="onezi">
						<img src="img/icon_zoom.png" class="img1"/>
						<p class="p1">王晨</p>
						</div>
					<div class="onebei">
					</div>
					</a>
				</li>
				<li class="one" style="background: url(	img/b17.jpg) no-repeat"; onclick="q()">
					<a href="javascript::">
					<div class="onezi">
						<img src="img/icon_zoom.png" class="img1"/>
						<p class="p1">杨道文</p>
						</div>
					<div class="onebei">
					</div>
					</a>
				</li>
				<li class="one" style="background: url(img/b18.jpg) no-repeat"; onclick="r()">
					<a href="javascript::">
					<div class="onezi">
						<img src="img/icon_zoom.png" class="img1"/>
						<p class="p1">周常禹</p>
						</div>
					<div class="onebei">
					</div>
					</a>
				</li>
			</ul>
		    <!--中间白-->
		    <div class="nice">
<ul class="liu" id="liu">
		    		
   		<li style="position: relative;" onclick="dian2()">
		    			<div id="grad1"></div>
		    			<p id="p2">320寝室</p>
		    			<div class="zibei" id="zibei2"></div>
		    		</li>
		    		<li style="position: relative;" onclick="dian3()">
		    			<div id="grad1"></div>
		    			<p id="p3">樊磊</p>
		    			<div class="zibei" id="zibei3"></div>
		    		</li>
		    		<li style="position: relative; "onclick="dian4()">
		    			<div id="grad1"></div>
		    			<p id="p4">王晨</p>
		    			<div class="zibei" id="zibei4"></div>
		    		</li>
		    		<li style="position: relative;" onclick="dian5()">
		    			<div id="grad1"></div>
		    			<p id="p5">杨道文</p>
		    			<div class="zibei" id="zibei5"></div>
		    		</li>
		    		<li style="position: relative;" onclick="dian6()">
		    			<div id="grad1"></div>
		    			<p id="p6">周常禹</p>
		    			<div id="grad1"></div>
		    			<div class="zibei" id="zibei6"></div>
		    		</li>
		    	</ul>
		    	<div class="xiaxian"></div>
		    	<div class="sxian"></div>
		    	<div class="tubiao">
		    		<a href="javascript::" style="left: 45px;"><img src="img/soc_icon1.png"></a>
		    		<a href="javascript::" style="left: 75px;"><img src="img/soc_icon2.png"></a>
		    		<a href="javascript::" style="left: 105px;"><img src="img/soc_icon3.png"></a>
		    		<a href="javascript::" style="left: 135px;"><img src="img/soc_icon4.png"></a>
		    		<a href="javascript::" style="left: 165px;"><img src="img/soc_icon5.png"></a>
		    	</div>
		    	<div class="huis"></div>
		    	<div class="huix"></div>
		    </div>
		    <!--底部-->
		    <div class="fot">
		    	<p> ps:点击箭头移动，点击 X 关闭</p>
		    </div>
		    <!--左拉-->
		    <div class="zuo" onclick="zuo1()" id="zuo">
		    	<img src="img/arrowL.png"/>
		    </div>
		    <!--右拉-->
		    <div class="you" onclick="you1()" id="you">
		    	<img src="img/arrowR.png" />
	      </div>
		    <!--隐藏-->
		    <div class="yinchang" id="yc" onmousemove="hua()" onmouseout="chu()">
		    	<img id="img"/>
		    	<div class="ycwz" id="ycwz">
		    		
		    		<h5>320寝室   <body link="#757575"><a class="aa" href="http://luo-liheng.gitee.io/class2108">返回cs2108班</a></body></h5>
                    <p class="zhiti">樊磊 一名原神玩家，胡桃单推人，希望能有更多人加入提瓦特大陆。<a href="https://twilight-zheng-que.gitee.io/seventy/" >read more</a></p>
					<p>王晨，爱看电影.游戏，分享生活美好。<a href="https://qingfengyuhuoda.gitee.io/wc575">read more</a></p>
					<p>杨道文 八朝古都，汴梁都城    开封。<a href="https://yang-daowen12.gitee.io/foxnihao">read more</a> </p>					
					<p>周常禹 18岁，沉迷技术的人，分享学习材料。<a href="https://zhou-changyu-djacu.gitee.io/math">read more</a></p>
                   <div class="cha" onclick="qc()">x</div>
		    	</div>
		    </div>
		</div>
	</body>
</html>
